.payment-card {
  padding: 30rpx 50rpx;
  color: #ffffff;
  border-radius: 24rpx;
  margin: 20rpx 0;
  font-family: "ali-m";
  .title {
    font-size: 30rox;
    font-weight: 500;
  }
  .subtitle {
    font-size: 26rpx;
    line-height: 72rpx;
    font-family: "ali";
  }
  .btn-box {
    text-align: left;
    .btn {
      width: 150rpx;
      height: 68rpx;
      font-size: 26rpx;
      border-radius: 34rpx;
      font-weight: 500;
      margin-left: 0;
      margin-right: 0;
    }
  }
  &.houses {
    background: @kuafu-apartment-room-fees-bg no-repeat;
    background-size: 100% 100%;
    .btn-box {
      text-align: left;
      .btn {
        color: #FCBA4A;
      }
    }
  }
  &.electricity {
    background: @kuafu-apartment-electricity-bill-bg no-repeat;
    background-size: 100% 100%;
    .btn-box {
      text-align: left;
      .btn {
        color: #07B9B9;
      }
    }
  }
  &.water {
    background: @kuafu-apartment-water-cost-bg no-repeat;
    background-size: 100% 100%;
    .btn-box {
      text-align: left;
      .btn {
        color: #68AAFF;
      }
    }
  }
  &.manage {
    background: @kuafu-apartment-door-lock-bg no-repeat;
    background-size: 100% 100%;
    .btn-box {
      text-align: left;
      .btn {
        color: #3762ED;
      }
    }
  }
  &.feedback {
    background: @kuafu-apartment-feedback-bg no-repeat;
    background-size: 100% 100%;
    .btn-box {
      text-align: left;
      .btn {
        color: #FFA15C;
      }
    }
  }
  &.broadband {
    background: @kuafu-apartment-broadband-bg no-repeat;
    background-size: 100% 100%;
    .btn-box {
      text-align: left;
      .btn {
        color: #3EC2FF;
      }
    }
  }
}
